<template>
  <div>
    <el-form-item label="显示样式">
      <el-select v-model="self0ptions.options.showStyle" clearable>
        <el-option value="五角星">
          <div style="float: left" class="flex-row">
            <span class="iconfont icon-star" style="color: #f4ea2a"></span>
            <span class="iconfont icon-star" style="color: rgb(204,204,204)"></span>
            <span class="iconfont icon-star" style="color: rgb(204,204,204)"></span>
          </div>
        </el-option>
        <el-option value="爱心">
          <div style="float: left" class="flex-row">
            <span class="iconfont icon-aixin" style="color: #d81e06"></span>
            <span class="iconfont icon-aixin" style="color: rgb(204,204,204)"></span>
            <span class="iconfont icon-aixin" style="color: rgb(204,204,204)"></span>
          </div>
        </el-option>
        <el-option value="笑脸">
          <div style="float: left" class="flex-row">
            <span class="iconfont icon-xiaolian" style="color: #f4ea2a"></span>
            <span class="iconfont icon-xiaolian" style="color: rgb(204,204,204)"></span>
            <span class="iconfont icon-xiaolian" style="color: rgb(204,204,204)"></span>
          </div>
        </el-option>
        <el-option value="点赞">
          <div style="float: left" class="flex-row">
            <span class="iconfont icon-dianzan" style="color: #1296db"></span>
            <span class="iconfont icon-dianzan" style="color: rgb(204,204,204)"></span>
            <span class="iconfont icon-dianzan" style="color: rgb(204,204,204)"></span>
          </div>
        </el-option>
      </el-select>
    </el-form-item>
  </div>
</template>
<script>
export default {
  name: "showStyle-editor",
  props:{
    self0ptions:{
      type:Object,
    }
  }
}
</script>
<style scoped lang="scss">

</style>